@charset "UTF-8";
$r:750/16/1rem;
.video_banner{
  width:750/$r;
  height:422/$r;
  overflow: hidden;
  background: #5E5E5E;
}
.video_p{
  width:750/$r;
  height:422/$r;
  position: relative;
  z-index:1;
}
.course_video{
  width:750/$r;
  height:422/$r;
  display: block;
}
.foot{
  width: 100%;
  height: 88/$r;
  background: #fff;
  box-shadow:5px 0 20px rgba(0, 153, 255, 0.5);
  position:fixed;
  bottom: 0;
}
.price{
  width: 70%;
  height: 88/$r;
  float:left;
}
.price p{
  padding-left: 50/$r;
  font-size: 28/$r;
  line-height: 88/$r;
  color:#FF0000;
}
.buy_but{
  width: 30%;
  height: 88/$r;
  float: right;
}
.buy_now{
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 28/$r;
  display: block;
  text-align: center;
  line-height: 88/$r;
  text-decoration: none;
}
.b_h{
  width: 100%;
  height: 96/$r;
}
li{
  list-style: none;
}
/**零基础***/
.wrap{
  width: 100%;
  background-color: #f9f9f2;
  overflow: hidden;
}
.wrap_cont{
  width:740/$r;
  margin: 0 auto;
}
.week_item{
  width:690/$r;
  overflow: hidden;
  margin: 0 auto;;
}
.item_cont{
  width: 760/$r;
}
.week_tit{
  width: 500/$r;
  height:85/$r;
  margin:40/$r auto 0 auto;
  background-image: url("../images/xc_tit.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
.w_tit{
  font-size:34/$r;
  line-height: 85/$r;
  text-align: center;
  font-style: normal;
}
.subtit{
  font-size:30/$r;
  text-align: center;
  margin:10/$r 0 45/$r 0;
  color: rgba(166, 166, 166, 0.9);
  font-weight: normal;
  font-style: normal;
}
.time_list{
  float: left;
  margin-right:20/$r;
}
.time_list li{
  font-size:24/$r;
  width:160/$r;
  height: 45/$r;
  line-height: 45/$r;
  margin-bottom: 35/$r;
  border-radius: 6/$r;
  text-align: center;
  color:#16b998;
  border: 1px solid #16b998;
  box-sizing: border-box;
}
.type_list{
  margin-right:35/$r;
}
.type_list li{
  width:130/$r;
  background:#16b998;
  color: #ffffff;
}
.cour_mb{
  margin:40/$r auto;
}

/*8*****碎片学习*****/
.module{
  width:585/$r;
  overflow: hidden;
  margin: 0 auto;
}
.module_cont{
  width:630/$r;
}
.mod_list{
  width: 265/$r;
  float: left;
  margin-right:50/$r;
  margin-bottom: 50/$r;
  overflow: hidden;
}
.mod_img{
  width:265/$r;
  height:265/$r;
  overflow: hidden;
  /*border-radius: 30px;*/
}
.mod_img img{
  width:265/$r;
  height: 265/$r;
  display: block;
  /*border-radius: 30px;*/
}
.mod_text{
  width:230/$r;
  margin: 0 auto;
}
.mod_text h2{
  font-size:28/$r;
  margin:20/$r 0;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.mod_text p{
  font-size:24/$r;
  color: #666666;
  line-height:40/$r;
}

/****朱修辅修*****/
.class_type{
  width:650/$r;
  margin: 0 auto;
  overflow: hidden;
}
.cour_cont{

}
.cour_list{
  /*width:720/$r;*/
  overflow: hidden;
  margin-bottom:50/$r;
  border: 1px solid #cccccc;
}
.cour_text{
  width:600/$r;
  margin:50/$r auto;
  overflow: hidden;
}
.cour_tit{
  font-size:40/$r;
  text-align: center;
  color: #333333;
  /*font-weight: normal;*/
  font-style: normal;
}
.cour_sub{
  text-align: center;
  font-size: 26/$r;
  color: #333333;
  margin:18/$r 0;
  font-weight: normal;
  font-style: normal;
}
.cour_p{
  font-size:28/$r;
  color: #666666;
  line-height:50/$r;
}
.cour_but{
  width:350/$r;
  height:60/$r;
  font-size:28/$r;
  text-align: center;
  line-height:60/$r;
  color:#ffffff;
  background: #cccccc;
  display: block;
  cursor: default;
  margin:30/$r auto 0 auto;
}

.cour_bg{
  background:#16b998;
  color: #ffffff;
  border: 1px solid #16b998;
}
.text_cr{
  color: #ffffff;
}

/***课程类型导航****/
.cour_type{
  width:690/$r;
  overflow: hidden;
  margin: 0 auto;
}
.xc_nav_list{
  width:690/$r;
  margin: 0 auto;
}
.xc_type{
  width: 690/$r;
  position: relative;
  margin-right:50/$r;
  margin-bottom:35/$r;
  cursor: pointer;
}
.three{
  background:#f3a7a7;
}
.second{
  background:#f8c1a0;
}
.tl{
  background:#f8e288;
}
.dy{
  background: #c6de8f;
}
.ydt{
  background: #aedcdd;
}
.wx{
  background:#a3a2d0;
}
.sci{
  background:#d8a2c8;
}
.cour_menu{
  width:124/$r;
  float: left;
}
.cour_menu_text{
  padding:20/$r 15/$r;
  cursor: pointer;
}
.cour_menu_text p{
  font-size: 26/$r;
  line-height:46/$r;
  color:#333;
}
.type_img{
  width:124/$r;
  height:124/$r;
  margin: 0 auto;
  overflow: hidden;
  display: block;
}
.type_tit{
  font-size:30/$r;
  line-height: 88/$r;
  text-align: center;
  color: rgba(4, 0, 0, 0.35);
}
.calendar_img{
  width:95%;
  margin: 0 auto;
}
.calendar_img img{
  width:100%;
  display: block;
}

/**适用人群****/
.apply_img{
  width: 695/$r;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom:40/$r;
}
.apply_img img{
  width: 100%;
  display: block;
}

.type_cont{
  width: 700/$r;
  margin: 0 auto;
  display: flex;
}
.type_wrap{
  margin-top: 40/$r;
  flex: 1;
}
.type_icon{
  width: 112/$r;
  margin: 0 auto 30/$r auto;
  overflow: hidden;
}
.t_icon_b{
  width: 108/$r;
}
.type_icon img{
  width: 100%;
  display: block;
}

.type_wrap p{
  width: 80%;
  margin: 0 auto;
  font-size: 28/$r;
  color: #333;
  line-height: 46/$r;
}
.teachers_t{
  width:650/$r;
  margin: 0 auto;
  padding-bottom: 40/$r;
}
.teachers_t p{
  font-size: 28/$r;
  color: #333;
  line-height:48/$r;
  display: block;
  text-indent: 50/$r;
}
.t_mt{
  margin-top:40/$r;
}
.pro_t_cont{
  width: 650/$r;
  margin:30/$r auto 0 auto;
}
.pro_t_cont p{
   font-size: 28/$r;
   color: #333;
  line-height: 46/$r;
}
.pro_mt{
  margin-top:10/$r;
}